<template>
	<div class="main2IntervalGraph" v-if="pageData" @click="cancelLeftClickMenu" @contextmenu.stop="cancelLeftClickMenu">
		<ScaleBox :width="1800">
			<MonitorHeader :title="$route.query.ftName">
			  <template v-slot:btns>
					<button @click="routerToIndexPage">画面索引</button>
			    <button @click="routerToMainPage">主接线图</button>
					<button @click="$router.push({path: '/main2SignalGraph1', query: {ftIndex:63, jgName:'#2主变信号分画面1',ftName:'#2主变信号分画面1'}})">信号分图1</button>
					<button @click="$router.push({path: '/main2SignalGraph2', query: {ftIndex:64, jgName:'#2主变信号分画面2',ftName:'#2主变信号分画面2'}})">信号分图2</button>
			    <button @click="clearAll($route.query.ftName)">画面清闪</button>
			  </template>
			</MonitorHeader>
			<div class="wrapper" ref="page">
				<div class="ctn">
					<div class="leftCtn">
						<div class="leftCtnTop">
							<svg style="width: 100%; height: 100%;">
								<g transform="translate(0,280)">
									<text x="25" y="380" style="fill: #fff;font-size: 12px;">220kVⅠ母</text>
									<main-bus name="220kVⅠ母" x1="55" y1="390" x2="340" y2="390" stateDesc="220kVⅠ母" color="rgb(128,0,128)"></main-bus>
									<text x="25" y="430" style="fill: #fff;font-size: 12px;">220kVⅡ母</text>
									<main-bus name="220kVⅡ母" x1="55" y1="410" x2="340" y2="410" stateDesc="220kVⅡ母" color="rgb(128,0,128)"></main-bus>
									<line x1="205" y1="340" x2="205" y2="390" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<line x1="300" y1="338" x2="300" y2="410" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<!-- 212-1 -->
									<connect-line
										:state="Number(pageData.glg[1].state_val)"
										:stateDesc="pageData.glg[1].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="229"
										:translate-y="311"
										:text-translate-y="-7"
										:text-translate-x="-30"
										:name="'-'+pageData.glg[1].state_desc.split('-')[1]"
										:info="pageData.glg[1]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<!-- 212-2 -->
									<connect-line
										:state="Number(pageData.glg[2].state_val)"
										:stateDesc="pageData.glg[2].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="324"
										:translate-y="311"
										:text-translate-y="-7"
										:text-translate-x="-30"
										:info="pageData.glg[2]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.glg[2].state_desc.split('-')[1]">
									</connect-line>
									<line x1="205" y1="250" x2="205" y2="307" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<polyline points="110,308 110,270 300,270 300,308" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<!-- 212-2KD -->
									<terminal-svg
										:state="Number(pageData.dd[2].state_val)"
										:stateDesc="pageData.dd[2].state_desc"
										:scale="0.7"
										:translate-x="127"
										:translate-y="355"
										:rotate="180"
										:text-translate-y="10"
										:text-translate-x="15"
										:info="pageData.dd[2]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.dd[2].state_desc.split('-')[1]"
									></terminal-svg>
									<!-- 212 -->
									<rect-svg
										:state="Number(pageData.dlq[1].state_val)"
										:stateDesc="pageData.dlq[1].state_desc"
										:rotate="90"
										:translate-y="223"
										:translate-x="233"
										:text-translate-x="-40"
										:text-translate-y="-4"
										:scale="0.7"
										:itemObj="{is_clear:pageData.dlq[1].is_clear}"
										:name="pageData.dlq[1].state_desc"
										:info="pageData.dlq[1]"
										@itemRightClick="itemRightClick"
									></rect-svg>
									<line x1="205" y1="180" x2="205" y2="224" stroke-width="2" stroke="rgb(128,0,128)"></line>
									<!-- 212-4 -->
									<connect-line
										:state="Number(pageData.glg[3].state_val)"
										:stateDesc="pageData.glg[3].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="229"
										:translate-y="153"
										:text-translate-y="-7"
										:text-translate-x="-30"
										:info="pageData.glg[3]"
										@itemRightClick="itemRightClick"
										:name="'-'+pageData.glg[3].state_desc.split('-')[1]">
									</connect-line>
									<polyline points="185,30 205,30 205,150 " style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<polyline points="205,200 300,200 300,162" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<polyline points="110,135 110,110 205,110" style="stroke: rgb(128,0,128);stroke-width: 2;fill:transparent;"></polyline>
									<!-- 212-4KD -->
									<terminal-svg
										:state="Number(pageData.dd[3].state_val)"
										:stateDesc="pageData.dd[3].state_desc"
										:scale="0.7"
										:translate-x="280"
										:translate-y="115"
										:text-translate-y="25"
										:text-translate-x="-34"
										:name="'-'+pageData.dd[3].state_desc.split('-')[1]"
										:info="pageData.dd[3]"
										@itemRightClick="itemRightClick"
									></terminal-svg>
									<!-- 212-4BD -->
									<terminal-svg
										:state="Number(pageData.dd[11].state_val)"
										:stateDesc="pageData.dd[11].state_desc"
										:scale="0.7"
										:translate-x="127"
										:translate-y="182"
										:rotate="180"
										:text-translate-y="10"
										:text-translate-x="10"
										:name="'-'+pageData.dd[11].state_desc.split('-')[1]"
										:info="pageData.dd[11]"
										@itemRightClick="itemRightClick"
									></terminal-svg>
									<g transform="translate(15, 10)">
										<line x1="36" y1="192" x2="36" y2="200" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<rect width="11" height="25" x="30" y="200" style="fill: rgb(128,0,128);"></rect>
										<line x1="36" y1="225" x2="36" y2="233" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<text x="30" y="255" style="fill: #fbff1e;font-size: 16px;">A</text>
									</g>
									<g transform="translate(40, 10)">
										<line x1="36" y1="192" x2="36" y2="200" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<rect width="11" height="25" x="30" y="200" style="fill: rgb(128,0,128);"></rect>
										<line x1="36" y1="225" x2="36" y2="233" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<text x="30" y="255" style="fill: #79dd97;font-size: 16px;">B</text>
									</g>
									<g transform="translate(65, 10)">
										<line x1="36" y1="192" x2="36" y2="200" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<rect width="11" height="25" x="30" y="200" style="fill: rgb(128,0,128);"></rect>
										<line x1="36" y1="225" x2="36" y2="233" stroke-width="2" stroke="rgb(128,0,128)"></line>
										<text x="30" y="255" style="fill: #fd3430;font-size: 16px;">C</text>
									</g>
									<g transform="translate(0,-40)">
										<!-- 弧线图 -->
										<g transform="translate(-790, -140)">
											<polyline points="1190,135 940,135 940,170" style="stroke: rgb(250,0,0);stroke-width: 2;fill:transparent;"></polyline>
											<g transform="translate(0,-10)">
												<path d="M 940 180 Q 964 185, 971 205" stroke="#ac0000" fill="none" stroke-width="2"></path>
												<circle cx="950" cy="220" r="25" style="stroke: #ac0000;stroke-width: 2;fill: transparent;" ></circle>
												<polyline points="938,207 950,220 962,207" style="stroke: rgb(250,0,0);stroke-width: 2;fill:transparent;"></polyline>
												<line x1="950" y1="220" x2="950" y2="233" stroke-width="2" stroke="rgb(250,0,0)"></line>
												<circle cx="950" cy="260" r="25" style="stroke: rgb(255,255,0);stroke-width: 2;fill: transparent;" ></circle>
												<polyline points="940,267 960,267 950,252 940,267" style="stroke: rgb(255,255,0);stroke-width: 2;fill:transparent;"></polyline>
											</g>
										</g>
										<polyline points="110,-80 110,110 134,110" style="stroke: rgb(255,255,0);stroke-width: 2;fill:transparent;"></polyline>
										<!-- 312-4 -->
										<connect-line
											:state="Number(pageData.glg[0].state_val)"
											:stateDesc="pageData.glg[0].state_desc"
											:scale="0.6"
											:rotate="90"
											:translate-x="134"
											:translate-y="-109"
											:text-translate-y="-7"
											:text-translate-x="10"
											:name="'-'+pageData.glg[0].state_desc.split('-')[1]"
											:info="pageData.glg[0]"
											@itemRightClick="itemRightClick"
										>
										</connect-line>
										<line x1="110" y1="-153" x2="110" y2="-113" stroke-width="2" stroke="rgb(255,255,0)"></line>
										<!-- 312 -->
										<rect-svg
											:state="Number(pageData.dlq[0].state_val)"
											:stateDesc="pageData.dlq[0].state_desc"
											:rotate="90"
											:translate-y="-180"
											:translate-x="138"
											:text-translate-x="-40"
											:text-translate-y="-4"
											:scale="0.7"
											:itemObj="{is_clear:pageData.dlq[0].is_clear}"
											:name="pageData.dlq[0].state_desc"
											:info="pageData.dlq[0]"
											@itemRightClick="itemRightClick"
										></rect-svg>
										<line x1="110" y1="-220" x2="110" y2="-179" stroke-width="2" stroke="rgb(255,255,0)"></line>
									</g>
									<text x="25" y="-240" style="fill: #fff;font-size: 12px;">35kVⅡ母</text>
									<main-bus name="35kVⅡ母" x1="45" y1="-260" x2="175" y2="-260" stateDesc="35kVⅡ母" color="rgb(255,255,0)"></main-bus>
									<polyline points="110,-90 200,-90 200,-115" style="stroke: rgb(255,255,0);stroke-width: 2;fill:transparent;"></polyline>
									<polyline points="110,-175 50,-175 50,-150" style="stroke: rgb(255,255,0);stroke-width: 2;fill:transparent;"></polyline>
									<!-- 312-4KD -->
									<terminal-svg
										:state="Number(pageData.dd[0].state_val)"
										:stateDesc="pageData.dd[0].state_desc"
										:scale="0.7"
										:translate-x="67"
										:translate-y="-105"
										:rotate="180"
										:text-translate-y="50"
										:text-translate-x="42"
										:name="'-'+pageData.dd[0].state_desc.split('-')[1]"
										:info="pageData.dd[0]"
										@itemRightClick="itemRightClick"
									></terminal-svg>
									<!-- 312-4BD -->
									<terminal-svg
										:state="Number(pageData.dd[1].state_val)"
										:stateDesc="pageData.dd[1].state_desc"
										:scale="0.7"
										:translate-x="182"
										:translate-y="-163"
										:text-translate-y="30"
										:text-translate-x="32"
										:name="'-'+pageData.dd[1].state_desc.split('-')[1]"
										:info="pageData.dd[1]"
										@itemRightClick="itemRightClick"
									></terminal-svg>
								</g>
								<g transform="translate(300,280)">
									<text x="180" y="400" style="fill: #fff;font-size: 12px;">500kVⅡ母</text>
									<main-bus name="220kVⅡ母" x1="55" y1="410" x2="220" y2="410" stateDesc="220kVⅡ母" color="rgb(250,0,0)"></main-bus>
									<line x1="100" y1="365" x2="100" y2="410" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5013-2 -->
									<connect-line
										:state="Number(pageData.glg[9].state_val)"
										:stateDesc="pageData.glg[9].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="124"
										:translate-y="338"
										:text-translate-y="-7"
										:text-translate-x="10"
										:name="pageData.glg[9].state_desc"
										:info="pageData.glg[9]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<line x1="100" y1="290" x2="100" y2="335" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5013 -->
									<rect-svg
										:state="Number(pageData.dlq[4].state_val)"
										:stateDesc="pageData.dlq[4].state_desc"
										:rotate="90"
										:translate-x="128"
										:translate-y="263"
										:text-translate-x="-50"
										:text-translate-y="-4"
										:scale="0.7"
										:itemObj="{is_clear:pageData.dlq[4].is_clear}"
										:name="pageData.dlq[4].state_desc"
										:info="pageData.dlq[4]"
										@itemRightClick="itemRightClick"
									></rect-svg>
									<line x1="100" y1="219" x2="100" y2="264" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5013-1 -->
									<connect-line
										:state="Number(pageData.glg[8].state_val)"
										:stateDesc="pageData.glg[8].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="124"
										:translate-y="192"
										:text-translate-y="-7"
										:text-translate-x="10"
										:name="pageData.glg[8].state_desc"
										:info="pageData.glg[8]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<line x1="100" y1="144" x2="100" y2="189" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5012-2 -->
									<connect-line
										:state="Number(pageData.glg[7].state_val)"
										:stateDesc="pageData.glg[7].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="124"
										:translate-y="117"
										:text-translate-y="-7"
										:text-translate-x="10"
										:name="pageData.glg[7].state_desc"
										:info="pageData.glg[7]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<line x1="100" y1="69" x2="100" y2="114" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5012 -->
									<rect-svg
										:state="Number(pageData.dlq[3].state_val)"
										:stateDesc="pageData.dlq[3].state_desc"
										:rotate="90"
										:translate-x="128"
										:translate-y="44"
										:text-translate-x="-50"
										:text-translate-y="-4"
										:scale="0.7"
										:itemObj="{is_clear:pageData.dlq[3].is_clear}"
										:name="pageData.dlq[3].state_desc"
										:info="pageData.dlq[3]"
										@itemRightClick="itemRightClick"
									></rect-svg>
									<line x1="100" y1="1" x2="100" y2="45" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5012-1 -->
									<connect-line
										:state="Number(pageData.glg[6].state_val)"
										:stateDesc="pageData.glg[6].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="124"
										:translate-y="-26"
										:text-translate-y="-7"
										:text-translate-x="10"
										:name="pageData.glg[6].state_desc"
										:info="pageData.glg[6]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<line x1="100" y1="-74" x2="100" y2="-29" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5011-2 -->
									<connect-line
										:state="Number(pageData.glg[5].state_val)"
										:stateDesc="pageData.glg[5].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="124"
										:translate-y="-100"
										:text-translate-y="-7"
										:text-translate-x="10"
										:name="pageData.glg[5].state_desc"
										:info="pageData.glg[5]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<line x1="100" y1="-143" x2="100" y2="-103" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5011 -->
									<rect-svg
										:state="Number(pageData.dlq[2].state_val)"
										:stateDesc="pageData.dlq[2].state_desc"
										:rotate="90"
										:translate-x="128"
										:translate-y="-168"
										:text-translate-x="-50"
										:text-translate-y="-4"
										:scale="0.7"
										:itemObj="{is_clear:pageData.dlq[2].is_clear}"
										:name="pageData.dlq[2].state_desc"
										:info="pageData.dlq[2]"
										@itemRightClick="itemRightClick"
									></rect-svg>
									<line x1="100" y1="-205" x2="100" y2="-166" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<!-- 5011-1 -->
									<connect-line
										:state="Number(pageData.glg[4].state_val)"
										:stateDesc="pageData.glg[4].state_desc"
										:scale="0.6"
										:rotate="90"
										:translate-x="124"
										:translate-y="-232"
										:text-translate-y="-7"
										:text-translate-x="10"
										:name="pageData.glg[4].state_desc"
										:info="pageData.glg[4]"
										@itemRightClick="itemRightClick"
										>
									</connect-line>
									<line x1="100" y1="-260" x2="100" y2="-235" stroke-width="2" stroke="rgb(250,0,0)"></line>
									<text x="180" y="-245" style="fill: #fff;font-size: 12px;">500kVⅠ母</text>
									<main-bus name="500kVⅠ母" x1="55" y1="-260" x2="220" y2="-260" stateDesc="500kVⅠ母" color="rgb(250,0,0)"></main-bus>
									
									<g>
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5011-17 -->
										<terminal-svg
											:state="Number(pageData.dd[4].state_val)"
											:stateDesc="pageData.dd[4].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[4].state_desc"
											:info="pageData.dd[4]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,70)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5011-27 -->
										<terminal-svg
											:state="Number(pageData.dd[5].state_val)"
											:stateDesc="pageData.dd[5].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[5].state_desc"
											:info="pageData.dd[5]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,130)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5011-67 -->
										<terminal-svg
											:state="Number(pageData.dd[12].state_val)"
											:stateDesc="pageData.dd[12].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[12].state_desc"
											:info="pageData.dd[12]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,210)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5012-17 -->
										<terminal-svg
											:state="Number(pageData.dd[6].state_val)"
											:stateDesc="pageData.dd[6].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[6].state_desc"
											:info="pageData.dd[6]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,278)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5012-27 -->
										<terminal-svg
											:state="Number(pageData.dd[7].state_val)"
											:stateDesc="pageData.dd[7].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[7].state_desc"
											:info="pageData.dd[7]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,355)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5013-67 -->
										<terminal-svg
											:state="Number(pageData.dd[8].state_val)"
											:stateDesc="pageData.dd[8].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[8].state_desc"
											:info="pageData.dd[8]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,430)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5013-17 -->
										<terminal-svg
											:state="Number(pageData.dd[9].state_val)"
											:stateDesc="pageData.dd[9].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[9].state_desc"
											:info="pageData.dd[9]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									<g transform="translate(0,500)">
										<line x1="100" y1="-188" x2="150" y2="-188" stroke-width="2" stroke="rgb(250,0,0)"></line>
										<!-- 5013-27 -->
										<terminal-svg
											:state="Number(pageData.dd[10].state_val)"
											:stateDesc="pageData.dd[10].state_desc"
											:scale="0.7"
											:translate-x="197"
											:translate-y="-207"
											:rotate="90"
											:text-translate-y="-7"
											:text-translate-x="5"
											:name="pageData.dd[10].state_desc"
											:info="pageData.dd[10]"
											@itemRightClick="itemRightClick"
										></terminal-svg>
									</g>
									
								</g>
							</svg>
						</div>
						<div class="leftCtnBtm">
							<ul>
								<li>
									<p>A套保护</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PRS-778</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['A套保护'][0]" :state="pageData['A套保护'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['A套保护'][1]" :state="pageData['A套保护'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<p>B套保护</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PCS-978</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['B套保护'][0]" :state="pageData['B套保护'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['B套保护'][1]" :state="pageData['B套保护'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<p>中压侧测控</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PRS-7741</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['中压侧测控'][0]" :state="pageData['中压侧测控'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['中压侧测控'][1]" :state="pageData['中压侧测控'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<p>低压侧测控</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PRS-7741</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['低压侧测控'][0]" :state="pageData['低压侧测控'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['低压侧测控'][1]" :state="pageData['低压侧测控'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<p>本体测控</p>
									<div class="inner">
										<div class="innerLeft"><span>"</span></div>
										<div class="innerRight">
											<p>PRS-7741</p>
											<div class="AB">
												<div class="A">
													<p>A</p>
													<div class="imgBox">
														<net-state :info="pageData['本体测控'][0]" :state="pageData['本体测控'][0].state_val"></net-state>
													</div>
												</div>
												<div class="B">
													<p>B</p>
													<div class="imgBox">
														<net-state :info="pageData['本体测控'][1]" :state="pageData['本体测控'][1].state_val"></net-state>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="midCtn">
						<div class="midCtnTop">
							<div class="tableBox">
								<el-table :data="tableData" style="width: 100%;height: 100%;">
									<el-table-column prop="name" label="项目" align="center" width="120"></el-table-column>
									<el-table-column prop="gao" label="高压侧" align="center" width="80">
										<template slot-scope="scope">
											<div @contextmenu.prevent.stop="checkVal(pageData['高压侧'].find(item => item.state_desc == scope.row.name), true)" style="cursor: pointer">{{ `${Number(scope.row.gao).toFixed(2)}` }}</div>
										</template>
									</el-table-column>
									<el-table-column prop="zhong" label="中压侧" align="center" width="80">
										<template slot-scope="scope">
											<div @contextmenu.prevent.stop="checkVal(pageData['中压侧'].find(item => item.state_desc == scope.row.name), true)" style="cursor: pointer">{{ `${Number(scope.row.zhong).toFixed(2)}` }}</div>
										</template>
									</el-table-column>
									<el-table-column prop="di" label="低压侧" align="center" width="80">
										<template slot-scope="scope">
											<div @contextmenu.prevent.stop="checkVal(pageData['低压侧'].find(item => item.state_desc == scope.row.name), true)" style="cursor: pointer">{{ `${Number(scope.row.di).toFixed(2)}` }}</div>
										</template>
									</el-table-column>
									<el-table-column prop="benti" label="本体" align="center" width="80">
										<template slot-scope="scope">
											<div @contextmenu.prevent.stop="checkVal(pageData['本体'].find(item => item.state_desc == scope.row.name), true)" style="cursor: pointer">{{ `${Number(scope.row.benti).toFixed(2)}` }}</div>
										</template>
									</el-table-column>
									<el-table-column prop="unit" label="单位" align="center" width="80"></el-table-column>
								</el-table>
							</div>
						</div>
						<div class="midCtnBtm">
							<div class="midCtnBtmLeft">
								<p>主变档位</p>
								<ul>
									<li><P>A</P><P>{{pageData['遥测'][11].state_val}}</P></li>
									<li><P>B</P><P>{{pageData['遥测'][12].state_val}}</P></li>
									<li><P>C</P><P>{{pageData['遥测'][13].state_val}}</P></li>
								</ul>
							</div>
							<div class="midCtnBtmRight">
								<div class="tableBox">
									<el-table :data="pageData['遥测'].slice(0,11)" style="width: 100%;height: 100%;">
										<el-table-column prop="state_desc" label="项目" align="center" width="100"></el-table-column>
										<el-table-column prop="state_val" label="值" align="center" width="60">
											<template slot-scope="scope">
												<div @contextmenu.prevent.stop="checkVal(pageData['遥测'].slice(0,11).find(item => item.state_desc == scope.row.state_desc), true)" style="cursor: pointer">{{ `${Number(scope.row.state_val).toFixed(2)}` }}</div>
											</template>
										</el-table-column>
										<el-table-column prop="unit" label="单位" align="center" width="40"></el-table-column>
									</el-table>
								</div>
							</div>
						</div>
					</div>
					<div class="rightCtn">
						<p>控制把手</p>
						<div class="rightCtnTop">
							<p>中压侧</p>
							<ul>
								<li>
									<div class="YuanFangicon">
										<div class="yuanfang" v-if="pageData['中压侧'][0].state_desc.includes('解锁')">
											<p>联锁</p>
											<p>解锁</p>
										</div>
										<div class="yuanfang" v-else>
											<p>远方</p>
											<p>就地</p>
										</div>
										<div class="polygon-icon">
											<KongZhiBaShou
												:info="pageData['中压侧'][0]" 
												:name="pageData['中压侧'][0].state_desc" 
												:state="Number(pageData['中压侧'][0].state_val)"  
												@itemRightClick="itemRightClick" 
												:deviceName="pageData['中压侧'][0].state_desc"  
												:jianGeMing="pageData['中压侧'][0].jg_name"
											></KongZhiBaShou>
										</div>
									</div>
									<p>机构</p>
								</li>
								<li>
									<div class="YuanFangicon">
										<div class="yuanfang" v-if="pageData['中压侧'][1].state_desc.includes('解锁')">
											<p>联锁</p>
											<p>解锁</p>
										</div>
										<div class="yuanfang" v-else>
											<p>远方</p>
											<p>就地</p>
										</div>
										<div class="polygon-icon">
											<KongZhiBaShou
												:info="pageData['中压侧'][1]" 
												:name="pageData['中压侧'][1].state_desc" 
												:state="Number(pageData['中压侧'][1].state_val)"  
												@itemRightClick="itemRightClick" 
												:deviceName="pageData['中压侧'][1].state_desc"  
												:jianGeMing="pageData['中压侧'][1].jg_name"
											></KongZhiBaShou>
										</div>
									</div>
									<p>智能柜</p>
								</li>
								<li>
									<div class="YuanFangicon">
										<div class="yuanfang" v-if="pageData['中压侧'][2].state_desc.includes('解锁')">
											<p>联锁</p>
											<p>解锁</p>
										</div>
										<div class="yuanfang" v-else>
											<p>远方</p>
											<p>就地</p>
										</div>
										<div class="polygon-icon">
											<KongZhiBaShou
												:info="pageData['中压侧'][2]" 
												:name="pageData['中压侧'][2].state_desc" 
												:state="Number(pageData['中压侧'][2].state_val)"  
												@itemRightClick="itemRightClick" 
												:deviceName="pageData['中压侧'][2].state_desc"  
												:jianGeMing="pageData['中压侧'][2].jg_name"
											></KongZhiBaShou>
										</div>
									</div>
									<p>212开关</p>
								</li>
								<li>
									<div class="YuanFangicon">
										<div class="yuanfang" v-if="pageData['中压侧'][3].state_desc.includes('解锁')">
											<p>联锁</p>
											<p>解锁</p>
										</div>
										<div class="yuanfang" v-else>
											<p>远方</p>
											<p>就地</p>
										</div>
										<div class="polygon-icon">
											<KongZhiBaShou
												:info="pageData['中压侧'][3]" 
												:name="pageData['中压侧'][3].state_desc" 
												:state="Number(pageData['中压侧'][3].state_val)"  
												@itemRightClick="itemRightClick" 
												:deviceName="pageData['中压侧'][3].state_desc"  
												:jianGeMing="pageData['中压侧'][3].jg_name"
											></KongZhiBaShou>
										</div>
									</div>
									<p>刀闸</p>
								</li>
							</ul>
						</div>
						<div class="rightCtnMid">
							<p>低压侧</p>
							<div class="rightCtnMidCtn">
								<div class="rightCtnMidCtnTop">
									<p>智</br>能</br>柜</p>
									<ul>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['低压侧智能柜'][0].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['低压侧智能柜'][0]" 
														:name="pageData['低压侧智能柜'][0].state_desc" 
														:state="Number(pageData['低压侧智能柜'][0].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['低压侧智能柜'][0].state_desc"  
														:jianGeMing="pageData['低压侧智能柜'][0].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<!-- <img v-if="pageData['低压侧智能柜'][0].state_val == 0" src="../../assets/images/jiudi.jpg" alt="" />
											<img v-else src="../../assets/images/yuanfang.jpg" alt="" /> -->
											<p>远控开入</p>
										</li>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['低压侧智能柜'][1].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['低压侧智能柜'][1]" 
														:name="pageData['低压侧智能柜'][1].state_desc" 
														:state="Number(pageData['低压侧智能柜'][1].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['低压侧智能柜'][1].state_desc"  
														:jianGeMing="pageData['低压侧智能柜'][1].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<!-- <img v-if="pageData['低压侧智能柜'][1].state_val == 0" src="../../assets/images/jiudi.jpg" alt="" />
											<img v-else src="../../assets/images/yuanfang.jpg" alt="" /> -->
											<p>-4</p>
										</li>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['低压侧智能柜'][2].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['低压侧智能柜'][2]" 
														:name="pageData['低压侧智能柜'][2].state_desc" 
														:state="Number(pageData['低压侧智能柜'][2].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['低压侧智能柜'][2].state_desc"  
														:jianGeMing="pageData['低压侧智能柜'][2].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<!-- <img v-if="pageData['低压侧智能柜'][2].state_val == 0" src="../../assets/images/jiudi.jpg" alt="" />
											<img v-else src="../../assets/images/yuanfang.jpg" alt="" /> -->
											<p>-4KD</p>
										</li>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['低压侧智能柜'][3].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['低压侧智能柜'][3]" 
														:name="pageData['低压侧智能柜'][3].state_desc" 
														:state="Number(pageData['低压侧智能柜'][3].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['低压侧智能柜'][3].state_desc"  
														:jianGeMing="pageData['低压侧智能柜'][3].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<!-- <img v-if="pageData['低压侧智能柜'][3].state_val == 0" src="../../assets/images/jiudi.jpg" alt="" />
											<img v-else src="../../assets/images/yuanfang.jpg" alt="" /> -->
											<p>-4BD</p>
										</li>
									</ul>
								</div>
								<div class="rightCtnMidCtnBtm">
									<p>机</br>构</p>
									<ul>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['机构智能柜'][0].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['机构智能柜'][0]" 
														:name="pageData['机构智能柜'][0].state_desc" 
														:state="Number(pageData['机构智能柜'][0].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['机构智能柜'][0].state_desc"  
														:jianGeMing="pageData['机构智能柜'][0].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<!-- <img v-if="pageData['机构智能柜'][0].state_val == 0" src="../../assets/images/jiesuo.jpg" alt="" />
											<img v-else src="../../assets/images/liansuo.jpg" alt="" /> -->
											<p>机构开关</p>
										</li>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['机构智能柜'][1].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['机构智能柜'][1]" 
														:name="pageData['机构智能柜'][1].state_desc" 
														:state="Number(pageData['机构智能柜'][1].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['机构智能柜'][1].state_desc"  
														:jianGeMing="pageData['机构智能柜'][1].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<p>-4</p>
										</li>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['机构智能柜'][2].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['机构智能柜'][2]" 
														:name="pageData['机构智能柜'][2].state_desc" 
														:state="Number(pageData['机构智能柜'][2].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['机构智能柜'][2].state_desc"  
														:jianGeMing="pageData['机构智能柜'][2].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<p>-4KD</p>
										</li>
										<li>
											<div class="YuanFangicon">
												<div class="yuanfang" v-if="pageData['机构智能柜'][3].state_desc.includes('解锁')">
													<p>联锁</p>
													<p>解锁</p>
												</div>
												<div class="yuanfang" v-else>
													<p>远方</p>
													<p>就地</p>
												</div>
												<div class="polygon-icon">
													<KongZhiBaShou
														:info="pageData['机构智能柜'][3]" 
														:name="pageData['机构智能柜'][3].state_desc" 
														:state="Number(pageData['机构智能柜'][3].state_val)"  
														@itemRightClick="itemRightClick" 
														:deviceName="pageData['机构智能柜'][3].state_desc"  
														:jianGeMing="pageData['机构智能柜'][3].jg_name"
													></KongZhiBaShou>
												</div>
											</div>
											<p>-4BD</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="rightCtnBtm">
							<p>远方<br>复归</p>
							<ul class="rightCtnBtmCtn">
								<li v-for="(item, index) in pageData['装置复归']" :key="index">
									<p>{{item.state_desc}}</p>
									<div class="imgBox">
										<el-button type="primary"></el-button>
										<!-- <img src="../../assets/images/fuwei.jpg" alt="" /> -->
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</ScaleBox>
		<!-- ---------------------------------------------- -->
		<rightClickmenuList
		  v-if="rightMenuObj && showMenu"
		  :right-menu-obj="rightMenuObj"
		  @menuItemClick="menuItemClick"
		/>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible_0"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">操作人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入操作人</label>
		      <el-select
		        size="small"
		        v-model="operatorPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.operatorList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入密码</label>
		      <el-input
		        v-model="operatorPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit_0"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit_0">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible_0 = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">监护人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入监护人</label>
		      <el-select
		        size="small"
		        v-model="adminPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.adminList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入监护员密码</label>
		      <el-input
		        v-model="adminPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="switchPatrolDialog"
		  :visible.sync="dialogVisible"
		  :close-on-press-escape="true"
		  :close-on-click-modal="true"
		  :width="`40%`"
		  :modal="false"
		  @before-close="handleDialogClose"
		>
		  <!-- 隔离刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'gelidao'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 地刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'didao'
		    "
		  >
		    <!--          遥控-->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 0">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>暂无内容</span>
		    </template>
		
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 4">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>暂无内容</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 5">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 0
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 5
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 断路器 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'duanluqi'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>确定要将{{
		          currentSelectMenuItemObj.currentObj.name
		        }}开关清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 3">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>确定要将全部设备进行清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="clearFlesh"
		        >确定</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 3
		        "
		        size="small"
		        @click="clearAll"
		        >确定</el-button>
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 把手 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'bashou'
		    "
		  >
		    <!-- 操作 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">操作</p>
		      <span>暂无内容</span>
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		    </span>
		  </template>
		
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'ruanyaban'
		    "
		  >
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		    </span>
		  </template>
		</el-dialog>
		<el-dialog
		  ref="operateRecordDialogRef"
		  custom-class="operateRecordDialog"
		  :modal="false"
		  :close-on-click-modal="false"
		  v-if="operationRecordsDialogVisible"
		  :visible.sync="operationRecordsDialogVisible"
		  v-dialogDrag:{dialogDrag}="true"
		  width="35%"
		>
		  <p slot="title" class="el-dialog__title">操作记录</p>
		  <div class="messageAlarmList">
		    <el-table :data="operationRecordsData" width="100%" height="250">
		      <el-table-column
		        prop="num"
		        label="序号"
		        width="85"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.num
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="createTime"
		        label="操作时间"
		        width="160"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.createTime
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="log_desc"
		        label="操作描述"
		        header-align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.log_desc
		          }}</span>
		        </template>
		      </el-table-column>
		    </el-table>
		  </div>
		</el-dialog>
	</div>
</template>

<script src="./script.js"></script>

<style lang="less" src="./style.less" scoped></style>